<%@ page language="java" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<link rel="stylesheet" type="text/css" href="css/base.css" />
	<base href="<%=basePath%>">

	<title>Buscar Aeropuerto</title>
	
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

	<script>
		function radioButton(radio) {
			var id = radio.name.substring(radio.name.lastIndexOf(':'));
			var el = radio.form.elements;
			for (var i = 0; i < el.length; i++) {
			    if (el[i].name.substring(el[i].name.lastIndexOf(':')) == id) {
			        el[i].checked = false;
			   }
			}
			radio.checked = true;
		}
   	</script>

</head>
  
<body>
	<f:view>
		<h:form id="buscarAeropuertosForm">
			<h:commandLink action="asignado" value="Volver" immediate="true"/>
			<f:verbatim><hr></f:verbatim>

			<f:verbatim>
				<h2>Buscar Aeropuerto</h2>
				<br>
			</f:verbatim>
			<h:message for="buscarAeropuertosForm" errorClass="error"></h:message>
			<f:verbatim><br><br></f:verbatim>
			
			<h:panelGrid border="0" columns="3">
				<h:outputText value="Buscar Aeropuerto:"/>
				<h:inputText id="aeropuertoBuscado" value="#{programarVuelosBean.busquedaEscalas.escalaBuscada}" maxlength="30"/>
				<h:commandButton value="Buscar" action="#{programarVuelosBean.busquedaEscalas.buscar}"/>
			</h:panelGrid>
			
			<f:verbatim><br></f:verbatim>
			<h:panelGroup rendered="#{not empty programarVuelosBean.busquedaEscalas.escalasEncontradas}">
				<h:outputText escape="false" value="Seleccione un aeropuerto a asignar:<br>"/>
				<h:dataTable binding="#{programarVuelosBean.busquedaEscalas.tablaEscalasEncontradas}" border="1" id="escalasEncontradas"
						value="#{programarVuelosBean.busquedaEscalas.escalasEncontradas}" var="fila">
					<h:column>
						<h:selectOneRadio id="itemEscala" onclick="radioButton(this);" valueChangeListener="#{programarVuelosBean.busquedaEscalas.setEscalaElegida}">
                            <f:selectItem itemValue="null" /> 
                        </h:selectOneRadio>
					</h:column>
					<h:column>
						<h:outputText id="nombre" value="#{fila.nombre}"/>
						<f:facet name="header">
							<h:outputText value="Nombre"/>
						</f:facet>
					</h:column>
					<h:column>
						<h:outputText id="ciudad" value="#{fila.ciudad}"/>
						<f:facet name="header">
							<h:outputText value="Ciudad"/>
						</f:facet>
					</h:column>
					<h:column>
						<h:outputText id="provincia" value="#{fila.provincia}"/>
						<f:facet name="header">
							<h:outputText value="Provincia"/>
						</f:facet>
					</h:column>
					<h:column>
						<h:outputText id="pais" value="#{fila.pais}"/>
						<f:facet name="header">
							<h:outputText value="Pais"/>
						</f:facet>
					</h:column>
					
					<f:facet name="footer">
						<h:commandButton value="Asignar Aeropuerto" action="#{programarVuelosBean.asignarAeropuerto}"/>
					</f:facet>
				</h:dataTable>
			</h:panelGroup>
		</h:form>
	</f:view>
</body>
</html>